.select2-search--dropdown {
  display: block;
  padding: 0px;
  margin-bottom: 3px;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid $light;
  height: 32px;
  outline: 0;
  padding: 3px 8px;
  padding-right: 24px;
  background: url(/static/images/search.png) no-repeat;
  background-size: 14px;
  background-position: right 5px center;
}
.select2-container--default .select2-search--inline .select2-search__field{
  line-height: 24px;
}
.select2-container--default .select2-selection--multiple{
  bdrs(2px)
  height: 32px;
  border: 1px solid $grayLight;
  .select2-selection__rendered{
    padding: 0 3px;
  }
  .select2-search--inline .select2-search__field{
    margin-top: 3px;
  }
  .select2-selection__choice__remove{
    color: $silverLight;
    font-size: 14px;
    line-height: 14px;
    &:hover{
      color: $silverDark;
    }
  }
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
  bdrs(2px)
  background-color: $gray;
  border: 1px solid $grayLight;
  padding: 1px 5px;
  margin-right: 4px;
  margin-top: 3px;
  line-height: 20px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
  border-color: $lightDark;
}
.select2-container{
  min-width: 125px
  margin-right: 10px
  vertical-align: middle
  z-index: 100000
  .pull-right > & {
    margin-right: 0;
  }
}
.select2-container .select2-selection--single{
  outline: 0
  height: 32px
  border-color: $lightDark
  background: $lightLight
  &:focus{
    border-color: $lightDark
  }
  &:hover{
    border-color: $grayLight
  }
  .select2-selection__rendered {
    line-height: 30px;
    padding-left: 12px
    font-size: 13px;
    color: #262D38;
  }
  .select2-selection__arrow{
    height: 30px
  }
}
.select2-container--default .select2-selection--single{
  bdrs(2px)
}
.select2-dropdown{
  border-color: $lightDark
  font-size: 13px
  bdrs(2px)
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: $lightDark;
  position: relative;
  padding-right: 32px;
  &::after {
    transform: rotate(320deg) translateY(-50%);
    top: 40%;
    content: '';
    display: block;
    position: absolute;
    right: 5px;
    border: solid transparent; //Transparent instead of #fff cause of 1 px white visible bug
    border-right-width: 0;
    border-top-width: 0;
    width: 22px;
    height: 10px;
    border-bottom-width: 2px;
    border-left-width: 2px;
    border-color: #20A0FF;
  }
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #20A0FF;
  color: white;
  &:after{
    background-color: #20A0FF;
  }
}

.select2-container--default .select2-results{
  display: block;
  margin: -3px;
  >.select2-results__options{
    padding: 3px;
  }
}

.select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: $grayDark transparent transparent transparent;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-color: transparent transparent $grayDark transparent;
}
.select2-container--open .select2-dropdown--above, .select2-container--open .select2-dropdown--below{
  padding: 3px;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: $lightDark;
  cursor: not-allowed;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none
}

.select2-results__option{
  padding: 6px 12px;
}
